<template>
	<div class="system-role-dialog-container">
		<el-dialog :title="state.dialog.title" v-model="state.dialog.isShowDialog" width="500px">
		

			<el-timeline>
				<el-timeline-item
					v-for="(activity, index) in state.detailData"
					:key="index"
					:timestamp="activity.changeAt"
				>
					{{ activity.message }}
				</el-timeline-item>
			</el-timeline>
		
		</el-dialog>
	</div>
</template>

<script setup name="logDialog">
// 定义变量内容
const state = reactive({
	
	dialog: {
		isShowDialog: false,
		title: '日志',
	},
	detailData: null,
});

// 打开弹窗
const openDialog = (data) => {
	state.detailData = data.statusLogs;
	state.dialog.isShowDialog = true;
};
// 关闭弹窗
const closeDialog = () => {
	state.dialog.isShowDialog = false;
};

// 暴露变量
defineExpose({
	openDialog,
});
</script>

<style scoped lang="scss">

</style>
